<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国航天 - 探索浩瀚宇宙</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="../css/introduce.css">
</head>
<body>
    <!-- 星空背景 -->
    <div class="stars" id="stars"></div>
    
    <header>
        <h1 class="main-title">中国航天</h1>
        <p class="subtitle">从东方红一号到空间站时代，中国航天事业走过了半个多世纪的辉煌历程，不断刷新人类探索太空的边界。</p>

    </header>
    
    <div class="container">
        <!-- 航天成就部分 -->
        <section class="section">
            <h2 class="section-title">中国航天重大成就</h2>
            <div class="cards-container">
                <div class="card" clickable onclick="window.location.href='./satellite.html'">
                    <h3 class="card-title"><i class="fas fa-satellite"></i> 卫星系统</h3>
                    <p class="card-content">中国已建立完整的卫星体系，包括北斗导航系统、风云气象卫星、高分遥感卫星等。北斗三号全球卫星导航系统于2020年建成开通，为全球用户提供高精度定位服务。</p>
                </div>
                
                <div class="card" clickable onclick="window.location.href='./spacecraft.html'">
                    <h3 class="card-title"><i class="fas fa-space-shuttle"></i> 载人航天</h3>
                    <p class="card-content">从神舟五号首次载人飞行到天宫空间站建成，中国载人航天工程实现跨越式发展。2022年，中国空间站"天宫"全面建成，开启长期有人驻留时代。</p>
                </div>
                
                <div class="card" clickable onclick="window.location.href='./moon.html'">
                    <h3 class="card-title"><i class="fas fa-moon"></i> 探月工程</h3>
                    <p class="card-content">嫦娥系列探测器实现月球环绕、着陆和采样返回。嫦娥四号实现人类首次月球背面软着陆，嫦娥五号带回1731克月壤，标志着中国探月工程"绕、落、回"三步走圆满收官。</p>
                </div>
                
                <div class="card" clickable onclick="window.location.href='./longmarch.html'">
                    <h3 class="card-title"><i class="fas fa-rocket"></i> 长征系列火箭</h3>
                    <p class="card-content">长征系列运载火箭完成400多次发射，成功率超过96%。新一代运载火箭长征五号、六号、七号形成完整体系，具备发射不同轨道、不同重量航天器的能力。</p>
                </div>
            </div>
        </section>
        
        <!-- 时间线部分 -->
        <section class="section">
            <h2 class="section-title">中国航天发展历程</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">1970年</div>
                        <h3 class="timeline-title">东方红一号</h3>
                        <p>中国第一颗人造地球卫星成功发射，使中国成为世界上第五个独立研制并发射人造地球卫星的国家。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2003年</div>
                        <h3 class="timeline-title">神舟五号</h3>
                        <p>中国首次载人航天飞行任务圆满成功，航天员杨利伟成为第一位进入太空的中国人。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2007年</div>
                        <h3 class="timeline-title">嫦娥一号</h3>
                        <p>中国首颗月球探测卫星成功发射，获取了全月球影像图，标志着中国深空探测迈出第一步。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2011年</div>
                        <h3 class="timeline-title">天宫一号</h3>
                        <p>中国首个目标飞行器发射成功，先后与神舟八号、九号、十号飞船交会对接，突破空间交会对接技术。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2019年</div>
                        <h3 class="timeline-title">嫦娥四号</h3>
                        <p>实现人类探测器首次月球背面软着陆和巡视勘察，传回世界第一张近距离拍摄的月背影像图。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2020年</div>
                        <h3 class="timeline-title">北斗三号</h3>
                        <p>北斗三号全球卫星导航系统正式开通，中国成为第三个拥有独立全球卫星导航系统的国家。</p>
                    </div>
                </div>
                
                <div class="timeline-item">
                    <div class="timeline-content">
                        <div class="timeline-year">2022年</div>
                        <h3 class="timeline-title">天宫空间站</h3>
                        <p>中国空间站"天宫"全面建成，转入应用与发展阶段，成为国家太空实验室。</p>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 未来展望 -->
        <section class="section">
            <h2 class="section-title">未来航天计划</h2>
            <div class="cards-container">
                <div class="card">
                    <h3 class="card-title"><i class="fas fa-user-astronaut"></i> 载人登月</h3>
                    <p class="card-content">计划2030年前实现中国人首次登陆月球，开展月球科学考察及相关技术试验，突破掌握载人地月往返关键技术。</p>
                </div>
                
                <div class="card">
                    <h3 class="card-title"><i class="fas fa-globe-asia"></i> 行星探测</h3>
                    <p class="card-content">天问二号计划对小行星采样返回，天问三号将从火星取样返回。未来还将开展木星系及行星际穿越探测任务。</p>
                </div>
                
                <div class="card">
                    <h3 class="card-title"><i class="fas fa-solar-panel"></i> 太空发电站</h3>
                    <p class="card-content">计划在2035年前建设兆瓦级空间太阳能电站，通过微波或激光将能量传输回地球，为人类提供清洁能源。</p>
                </div>
            </div>
        </section>
    </div>
    
    <footer>
        <p>探索浩瀚宇宙，发展航天事业，建设航天强国，是我们不懈追求的航天梦！</p>
        <p>© 2025 中国航天科普 | 致敬中国航天人</p>
    </footer>

    <script>
        // 创建星空背景
        function createStars() {
            const starsContainer = document.getElementById('stars');
            const starsCount = 200;
            
            for (let i = 0; i < starsCount; i++) {
                const star = document.createElement('div');
                star.classList.add('star');
                
                // 随机位置
                const posX = Math.random() * 100;
                const posY = Math.random() * 100;
                
                // 随机大小 (1-3px)
                const size = Math.random() * 2 + 1;
                
                // 随机闪烁时间 (1-5秒)
                const duration = Math.random() * 4 + 1;
                
                star.style.left = `${posX}%`;
                star.style.top = `${posY}%`;
                star.style.width = `${size}px`;
                star.style.height = `${size}px`;
                star.style.setProperty('--duration', `${duration}s`);
                
                starsContainer.appendChild(star);
            }
        }
        
        // 页面加载时创建星空
        window.addEventListener('load', createStars);
        
        // 火箭发射动画
        const rocket = document.querySelector('.rocket');
        setInterval(() => {
            rocket.style.animation = 'none';
            setTimeout(() => {
                rocket.style.animation = 'launch 8s infinite ease-in';
            }, 10);
        }, 8000);
    </script>
</body>
</html>